import React, { memo } from "react";
import { useNavigate } from "react-router-dom";

export default function Monitoring() {
  return (
    <div className="h-full flex flex-col justify-between">
      <div className="flex justify-between p-6">
        <div className="w-64 h-40 border border-black "></div>
        <div className="text-xl border border-black">2024-07-23 12:00:00</div>
        <div className="w-64 h-40 border border-black "></div>
      </div>
      <div className="h-64 p-6 grid gap-4 grid-cols-3 border border-black ">
        <div className="h-full border border-black "></div>
        <div className="h-full border border-black "></div>
        <div className="h-full border border-black "></div>
      </div>
    </div>
  );
}
